﻿@{
    Layout = "~/Views/Layout.cshtml";
}

<script src="../../Scripts/User/InsertUser.js" type="text/javascript"></script>

@*<div id="divUserTypeTitle"></div>*@

<div id="AddUserTittle">
	<img src="../../Content/Images/logo.png" id="AddUserImgLogo"/>
	<img id="imgCostumer" src="../../Content/Images/Registro%20de%20usuario.png" class="AddUserImgTittle"/>
	<img id="imgOwner" src="../../Content/Images/Registro%20de%20Dueno.png" class="AddUserImgTittle" />
</div>

<div id="divInsertUser">
	<ul>
		<li>
			Nombre:
		</li>
		<li>
			<input type="text" id="txtNombre" class="k-textbox" required maxlength="50"/>
			<span  class="k-widget k-tooltip k-tooltip-validation k-invalid-msg" controlToValidate="txtNombre" validate="required">
				<span class="k-icon k-warning"> </span> 
				Campo requerido
			</span>
		</li>
		<li>
			Mail:
		</li>
		<li>
			<input type="text" id="txtMail" class="k-textbox" maxlength="255"/>
			<span  class="k-widget k-tooltip k-tooltip-validation k-invalid-msg" controlToValidate="txtMail" validate="email">
				<span class="k-icon k-warning"> </span> 
				Campo requerido
			</span>
		</li>
		<li>
			Direccion:
		</li>
		<li>
			<input type="text" id="txtAddress" class="k-textbox" maxlength="50"/>
			<span  class="k-widget k-tooltip k-tooltip-validation k-invalid-msg" controlToValidate="txtAddress" validate="required">
				<span class="k-icon k-warning"> </span> 
				Campo requerido
			</span>
		</li>
		<li>
			Telefono:
		</li>
		<li>
			<input type="text" id="txtTelephone" class="k-textbox" maxlength="15"/>
			<span  class="k-widget k-tooltip k-tooltip-validation k-invalid-msg" controlToValidate="txtTelephone" validate="phone">
				<span class="k-icon k-warning"> </span> 
				Telefono incorrecto
			</span>
		</li>
		<li>
			Celular:
		</li>
		<li>
			<input type="text" id="txtCellphone" class="k-textbox" maxlength="15"/>
			<span  class="k-widget k-tooltip k-tooltip-validation k-invalid-msg" controlToValidate="txtCellphone" validate="required,phone">
				<span class="k-icon k-warning"> </span> 
				Campo requerido
			</span>
		</li>
		<li>
			Nombre de usuario:
		</li>
		<li>
			<input type="text" id="txtUserName" class="k-textbox" required maxlength="255"/>
			<span  class="k-widget k-tooltip k-tooltip-validation k-invalid-msg" controlToValidate="txtUserName" validate="required">
				<span class="k-icon k-warning"> </span> 
				Campo requerido
			</span>
		</li>
		<li>
			Password:
		</li>
		<li>
			<input type="password" id="txtPassword" class="k-textbox" required maxlength="10"/>
			<span  class="k-widget k-tooltip k-tooltip-validation k-invalid-msg" controlToValidate="txtPassword" validate="required">
				<span class="k-icon k-warning"> </span> 
				Campo requerido
			</span>
		</li>
		<li>
			<button id="btnSave" class="k-button">Guardar</button>
		</li>					
	</ul>		
</div>